@charset "utf-8";
html,body,ul,li,p{margin:0px;padding:0px;}
li{list-style:none;}

/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:300px;position:relative;border:1px solid #CCC;font-size:12px;padding-bottom:5px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:70px;position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:57px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #e4e4e4;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #F00;margin:0px;}
#tipWindow{
    display: none;
    position: relative;
}
#tipWindow .bg{
    position: absolute;
    z-index: 998;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=20); background:#000;/*实现IE背景透明*/
}
#tipContent{
    width: 980px;
    height:640px;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 999;
}
#tipContent .close .closeIcon{
    font-size: 20px;
    color:#999;
    position: absolute;
    right: 10px;
    top:10px;
    cursor: pointer;
}
#tipContent .close .closeIcon:hover {
   color: #CCCCCC;
}

#tipContent .left{
    width: 800px;
    height:100%;
    background-color: #000000;
    float: left;
}
#tipContent .left .arrowLeft{
    width:100px;
    height:100%;
    float: left;
}
#tipContent .left .arrowLeft i{
    font-size: 70px;
    color: #EEE;
    line-height: 640px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}
#tipContent .left .arrowLeft i:hover{
    color: #999999;
}
#tipContent .left .arrowRight i:hover{
    color: #999999;
}
#tipContent .left .arrowRight{
    width:100px;
    height:100%;
    float: right;
}
#tipContent .left .arrowRight i{
    font-size: 70px;
    color: #EEE;
    line-height: 640px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}

#tipContent .left .img{
    float: left;
}
#tipContent .right{
    width: 180px;
    height:100%;
    float:right;
}
#tipContent .right h4{
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 30px;
}
#tipContent .right .list ul{
    padding-left: 40px;
}
#tipContent .right .list ul li{
    float: left;
    margin-right: 10px;
    margin-top:10px;

}
#tipContent .right .list ul li:first-child img{
    border: 2px solid #FF0000;
}
#tipContent .right .list ul li img{
    border: 2px solid #ffffff;
}